
/*blue,grayGreen,orange,red,purple,fuchsia*/
.blue {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding-left: 5px;
  height: 25px;
  overflow: hidden;
  text-overflow: "…";
  margin-bottom: 2px;
  border-left: 3px solid rgb(0,168,249);
  background: rgba(0,168,249,.6);
  color: #00415A;
}

.grayGreen {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding-left: 5px;
  height: 25px;
  overflow: hidden;
  text-overflow: "…";
  margin-bottom: 2px;
  border-left: 3px solid rgb(49,157,10);
  background: rgba(49, 157, 10, 0.6);
  color: #041f00;
}

/*.blue{ // 工作
  color: #4FACF1;
}
.grayGreen{ // 休息
  color: #6BD35F;
}*/
.orange{ // 个人
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding-left: 5px;
  height: 25px;
  overflow: hidden;
  text-overflow: "…";
  margin-bottom: 2px;
  border-left: 3px solid rgb(249,216,80);
  background: rgba(249,216,80, 0.6);
  color: #745e03;
}
.red{ // 加班
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding-left: 5px;
  height: 25px;
  overflow: hidden;
  text-overflow: "…";
  margin-bottom: 2px;
  border-left: 3px solid rgb(235,67,106);
  background: rgba(235,67,106, 0.6);
  color: #6a021a;
}
.purple{ // 家庭
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding-left: 5px;
  height: 25px;
  overflow: hidden;
  text-overflow: "…";
  margin-bottom: 2px;
  border-left: 3px solid rgb(249,214,74);
  background: rgba(249,214,74, 0.6);
  color: #534301;
}